<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>世界纪元</title>
    <!-- 初始化页面样式 -->
    <link rel="stylesheet" href="../../css/init.css" />
    <link rel="stylesheet" href="../../css/06.css" />
    <script src="../../js/rem.js"></script>
  </head>
  <body>
    <div class="main-02 bj-option">
        <!--喇叭-->
        <img src="../../img/02/btn-mute.png" class="mute-icon" alt="">
        <div class="top">
            <div class="left">
                <img src="../../img/02/logo.png" class="logo-image" alt="">
                <div class="text">
                    <div class="text-01">世界纪元</div>
                    <div class="text-02">跨时代多文明探索策略手游</div>
                </div>
            </div>
        </div>
        <!--左侧菜单-->
        <div class="left-menu">
            <img src="../../img/02/menu-left-bar.png" class="menu-left-bar-img" alt="">
            <ul>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png" >
                    <span class="menu-text">首页</span>

                </li>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png" >
                    <span class="menu-text">预约里程碑</span>

                </li>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png" >
                    <span class="menu-text">邀请任务</span>

                </li>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png" >
                    <span class="menu-text">时代文明</span>

                </li>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg.png" >
                    <span class="menu-text">游戏特色</span>

                </li>
                <li>
                    <img class="menu-col-bg" src="../../img/menu/menu-col-bg-active.png" >
                    <span class="menu-text">新闻资讯</span>

                </li>
            </ul>
        </div>
        <div class="news-detail-container">
            <div>
                <img src="../../img/06/go-back-arrow.png" class="back-arrow-img" alt="">
                <span class="news-detail-title">我是文章标题</span>
            </div>
            <div class="news-detail-content">
                我是文章详情
            </div>
            <div class="float-right-publish-time">2024-01-01 发布</div>
        </div>
        <div class="bottom"></div>
    </div>
  </body>
</html>
